import { Tabs } from 'antd-mobile'
import style from './index.less'
import List from './.list'
import { useState } from 'react'

export default () => {
    const [state,setState]=useState()
    const onChangeClick = (v:any)=>{
        setState(v)
    }
    return (
        <div className={style.page}>
            <div className={style.box}>
                <Tabs className={style.select} activeKey={state}>
                    <Tabs.Tab title='待审核' key='1'>
                        <List Status={0} onChangeClick={onChangeClick}/>
                    </Tabs.Tab>
                    <Tabs.Tab title='审核驳回' key='2'>
                        <List Status={2} onChangeClick={onChangeClick}/>
                    </Tabs.Tab>
                    <Tabs.Tab title='审核通过' key='3'>
                        <List Status={1} onChangeClick={onChangeClick}/>
                    </Tabs.Tab>
                    <Tabs.Tab title='已失效' key='4'>
                        <List Status={3} onChangeClick={onChangeClick}/>
                    </Tabs.Tab>
                </Tabs>
            </div>
        </div>

    )
}
